<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <title>精视后台</title>
    <meta name="description" content="">
    <meta name="keywords" content="">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="fonts/iconfont.css" rel="stylesheet">
    <link href="css/common.css" rel="stylesheet">
    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="fixed skin-green">
    <div class="wrapper">
        <!-- Main Header -->
        <header class="main-header">
            <!-- Header Navbar -->
            <nav class="navbar navbar-static-top" role="navigation"></nav>
        </header>
        <!-- Main sidebar -->
        <aside class="main-sidebar">
            <!-- sidebar-->
            <section class="sidebar">
                <!-- Sidebar Menu -->
                <ul class="sidebar-menu">
                    <li class="header">主菜单</li>
                    <li class="treeview">
                        <a href="banner_list.html"><span>轮播图管理</span></a>
                    </li>
                    <li class="treeview">
                        <a href="listview_list.html"></i><span>列表管理</span></a>
                    </li>
                </ul>
                <!-- /.sidebar-menu -->
            </section>
            <!-- /.sidebar -->
        </aside>
        <!-- Content Wrapper -->
        <div class="content-wrapper">
            <section class="content-header">
                <h1> 新建轮播图</h1>
            </section>
            <section class="content">
                <div class="row">
                    <div class="col-xs-12">
                        <div class="box box-change-basic">
                            <div class="box-header">
                                <!-- <h3 class="box-title">广告信息</h3> -->
                            </div>
                            <div class="box-body">
                                <form class="form-horizontal" id="" method="post">
                                    <div class="form-group">
                                        <label for="ad-name" class="col-sm-3 control-label">标题</label>
                                        <div class="col-sm-7">
                                            <input type="password" class="form-control" id="ad-name" placeholder="标题包括标点不超过12字">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="ad-name" class="col-sm-3 control-label">简介</label>
                                        <div class="col-sm-7">
                                            <input type="password" class="form-control" id="ad-name" placeholder="简介包括标点不超过36字">
                                        </div>
                                    </div>
                                    <!-- <div class="form-group">
                                        <label for="userAera" class="col-sm-3 control-label">位置</label>
                                        <div class="col-sm-7">
                                            <select class="form-control">
                                                <option>banner</option>
                                                <option>listview</option>
                                            </select>
                                        </div>
                                    </div> -->
                                    <div class="form-group">
                                        <label for="ad-link" class="col-sm-3 control-label">链接</label>
                                        <div class="col-sm-7">
                                            <input type="text" class="form-control" id="ad-link" placeholder="请输入链接">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="trueName" class="col-sm-3 col-xs-12 control-label">时间</label>
                                        <div class="col-sm-3 col-xs-5">
                                            <input type="date" class="form-control" id="startTime" placeholder="格式: xxxx/xx/xx">
                                        </div>
                                        <div class="col-sm-1 col-xs-2">
                                            <div style="text-align: center;line-height:34px;">至</div>
                                        </div>
                                        <div class="col-sm-3 col-xs-5">
                                            <input type="date" class="form-control" id="endTime" placeholder="格式: xxxx/xx/xx">
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label for="ad-link" class="col-sm-3 control-label">图片</label>
                                        <div class="col-sm-4">
                                            <div class="ad-images-box ad-listview">
                                                <img class="avatar" src="images/listitem-1.jpg" >
                                            </div>
                                        </div>
                                        <div class="col-sm-3">
                                        	<div class="btn-group">
                                        	    <input type="file" id="" name="" class="file hide">
                                        	    <button type="button" id="btn-choose-img" class="btn btn-default">选择图片</button>
                                        	</div>
                                            <p> 请上传250px*170px尺寸图片 </p>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label">上线</label>
                                        <div class="col-sm-7">
                                            <label class="radio-inline">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio1" value="option1" checked>是
                                            </label>
                                            <label class="radio-inline">
                                                <input type="radio" name="inlineRadioOptions" id="inlineRadio2" value="option2">否
                                            </label>
                                        </div>
                                    </div>
                                </form>

                            </div>
                        </div>
                        <!-- /.box -->
                    </div>
                </div>
            </section>
            <div class="content-footer">
            	<div class="btn-group">
            	    <button type="submit" class="btn btn-default">保存</button>
            	</div>
            </div>
        </div>
        <!-- Main Footer -->
        <footer class="main-footer">
            <!-- To the right -->
            <div class="pull-right hidden-xs">
                Version 1.0
            </div>
            <!-- Default to the left -->
            <strong>Copyright &copy; 2015 <a href="#">viva</a>.</strong> All rights reserved.
        </footer>
    </div>
    <!-- REQUIRED JS SCRIPTS -->
    <script src="js/jquery-1.11.3.min.js"></script>
    <script src="js/bootstrap.min.js"></script>
    <script src="js/common.js"></script>
    <script>
        $(function() {
            admin.init();
            $('#btn-choose-img').on('click', function(event) {
            	event.preventDefault();
            	$(this).prev().trigger('click');
            	$(this).prev().on('change', function(event) {
            	    admin.previewImage(this,$('.ad-images-box')[0]);
            	});
            });
        });
    </script>
</body>

</html>
